<template>
  <div>
    <span
      v-for="(val, index) in arr"
      :key="index"
      :class="{
        right: val.show === true,
        error: val.show === false,
        undo: val.show === '',
      }"
      >{{ index + 1 }} {{ val.status }}</span
    >
  </div>
</template>

<script>
export default {
  props: ["arr"],
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>